<template>
  <div>
   <slot></slot>
  </div>
</template>


<script>
export default {
  props: ["arr"],
};
</script>

<style scoped lang='less'>
  .box{
    height: 1.1rem;
    padding: 0.2rem;  
    border: 1px solid #ccc;
    color: #c2c2c2;
    img{
      width: 0.7rem;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
    }
  }
  .dou{
    padding: 0.4rem;
    img{
      width: 0.8rem;
      height: 0.8rem;
       border-radius: 50%;
    }
    .ban{
      float: right;
      margin-top: -0.8rem;
      margin-right: 3rem;
      span{
        color: #c2c2c2;
      }
      p{
        color: #c2c2c2;
      }
    }
  }
  .db{
    width: 5.5rem;
    height: 2.5rem;
    margin:  0.25rem 1rem;
    background-color: #f9f9f9;
    font-size: 15px;
    padding: 0.2rem;
  }
</style>